@charset "utf-8";
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
margin: 0;
padding: 0
}
body {
font: 14px/1.0531 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
color: #fff;
margin: 0;
padding: 0;
line-height: 1.5;
}
:focus {
outline: 1;
}
::selection {
background-color: #1c59d4;
color: #fff;
}
::-moz-selection {
background-color: #1c59d4;
color: #fff;
}
::-webkit-selection {
background-color: #1c59d4;
color: #fff;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
display: block;
}
a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
color: #414141;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
li,
ul {
list-style-type: none;
}
img {
display: inline-block;
border: none;
}
a:link,
a:hover,
a:active,
a:visited {
text-decoration: none;
}
input,
textarea {
outline: 0;
border: 0;
}
textarea {
resize: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
font-weight: normal;
font-style: normal;
}
/* flexslider */
.flexslider {
position: relative;
height: 520px;
overflow: hidden;
background: url(../images/loading.gif) 50% no-repeat;
}
.slides {
position: relative;
z-index: 1;
}
.slides li {
height: 520px;
}
.flex-control-nav {
position: absolute;
bottom: 20px;
z-index: 2;
width: 100%;
text-align: center;
}
.flex-control-nav li {
display: inline-block;
width: 14px;
height: 14px;
margin: 0 5px;
*display: inline;
zoom: 1;
}
ul.slides li a{
display:block;
width:100%;
height:100%;
}
.flex-control-nav a {
display: inline-block;
width: 14px;
height: 14px;
line-height: 40px;
overflow: hidden;
background: url(../images/dot.png) right 0 no-repeat;
cursor: pointer;
}
.flex-control-nav .flex-active {
background-position: 0 0;
}
.flex-direction-nav {
position: absolute;
z-index: 3;
width: 100%;
top: 45%;
}
.flex-direction-nav li a {
display: block;
width: 50px;
height: 50px;
overflow: hidden;
cursor: pointer;
position: absolute;
}
.flex-direction-nav li a.flex-prev {
left: 40px;
background: url(../images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
right: 40px;
background: url(../images/next.png) center center no-repeat;
}
/*search*/
.search_box {
width: 100%;
height: 62px;
background: #f2f2f2;
}
.search {
width: 1180px;
margin: auto;
}
.keytext {
width: 700px;
height: 62px;
line-height: 62px;
float: left;
font-family: Microsoft YaHei;
font-size: 14px;
color: #fff;
}
.keytext a {
margin: 0px 12px 0px 0px;
color: #5f5f5f;
display: inline-block;
}
.keytext a:hover {
color: #1c59d4;
}
.keytext i {
display: inline-block;
font-size: 14px;
color: #5f5f5f;
}
.rmgj-n-r {
float: right;
margin-top: 15px;
}
.rmgj-n-r .text {
width: 180px;
padding-left: 20px;
font-size: 14px;
font-family: Montserrat, sans-serif;
height: 30px;
margin-right: 0;
color: #414141;
outline: none;
border: 1px solid #1c59d4;
background: #fff;
float: left;
box-sizing: border-box;
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.keytext span {
padding-right: 10px;
display: block;
float: left;
color: #5f5f5f;
font-size: 16px;
color: #1c59d4;
}
.submit {
border: 1px solid #1c59d4;
width: 60px;
float: left;
padding: 0;
text-align: center;
height: 30px;
background: #1c59d4;
vertical-align: middle;
cursor: pointer;
color: #fff;
}
/*product*/
.product{
margin: 40px auto;
height: 700px;
}
.product-left{
width: 250px;
background: #1c59d4;
padding-bottom:10px;
}
.product-left-title a{
display: block;
width: 100%;
height: 84px;
background:#1c59d4;
text-align: center;
font:bold 26px/45px "microsoft yahei";
color: #fff;
padding-top: 10px;
border-bottom:1px solid #fff ;
}
.product-left-title span{
display: block;
font: 12px "microsoft yahei";
}
.product-left-bg{
width: 226px;
margin: 10px auto 0;
background: #fff;
}
.product .product-left ul{
padding: 2px 0 10px 0;
}
.product-left ul li span a {
text-indent: 10px;
display: block;
margin-top: 10px;
height: 30px;
font: bold 16px/30px "microsoft yahei";
background: #1c59d4;
color: #fff;
border: 0;
}
.product-left ul li span a:hover {
color: #fff;
background: #fdbb29;
}
.pro-kefu1{
width:100%;
/*! height:452px; */
background:#1c59d4;
}
.pro-kefu1 img{
/*! width:234px; */
height:240px;
margin:10px auto 0;
}
.pro-tel{
width: 236px;
height: 65px;
background: url(../images/pro-tel.png) no-repeat 7px 0;
padding-left: 10px;
vertical-align: sub;
margin-top: 20px;
}
.pro-tel h4{
font:bold 16px/24px "microsoft yahei";
color: #fff;
margin-top: 5px;
padding-left: 35px;
}
.pro-tel p{
font: bold 25px/35px "microsoft yahei";
color: #fff;
padding-left: 35px;
}
.product-left ul li a {
text-indent: 10px;
display: block;
padding: 6px 0 6px 5px;
height: 18px;
font: 14px/18px "microsoft yahei";
color: #5f5f5f;
border-bottom: 1px dashed #eee;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.product-left ul li a:hover{
color: #FDBB29;
}
.product-left ul li span a:hover{
background: #fdbb29;
color: #fff;
}
/*product-right*/
.product-right {
width: 916px;
}
.product-tit {
width: 916px;
height: 48px;
background: #1c59d4;
}
.product-tit h3 a {
display: block;
width: 144px;
height: 48px;
background:#1c59d4;
text-align: center;
color: #fff;
font: bold 18px/48px "microsoft yahei";
float: left;
}
.pr-more{
float: right;
padding: 20px 10px 0 0;
font: 14px "microsoft yahei";
color: #fff;
}
.product-right ul{
padding-top: 15px;
}
.product-right ul li{
width: 223px;
float: left;
margin: 10px 3px 5px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.product-more{
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.pro-box{
width: 223px;
/*! height: 207px; */
overflow: hidden;
border: 1px solid #f4f4f4;
}
.product-right ul li img{
display: block;
width: 223px;
/*! height: 207px; */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
height: 150px;
}
.product-right ul li:hover img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.product-more{
display: block;
width: 223px;
height: 50px;
background: #f4f4f4;
text-align: center;
font: 16px/50px "microsoft yahei";
color: #333;
}
.product-right ul li:hover .product-more{
background: #1c59d4;
color: #fff;
}
/*title-2*/
.title-2 a {
display: block;
padding-top: 30px;
font: bold 30px/36px "microsoft yahei";
color: #000000;
text-align: center;
}
.title-2 a span {
color: #1c59d4;
}
.title-2 p {
width: 100%;
height: 30px;
background: url(../images/title.png) no-repeat center;
margin-top: 10px;
font:bold 14px/30px "microsoft yahei";
color: #333;
text-align: center;
margin: 5px auto 0;
}
a.title-more{
display: block;
width: 70px;
height: 20px;
border: 1px solid #f5f5f5;
font: 12px/20px "microsoft yahei";
margin: 0 auto;
padding: 0;
-webkit-transition: all .5s ;
transition: all .5s ;
}
a.title-more:hover{
background: #FF9000;
color: #fff;
}
/*process*/
.process{
background: #f2f2f2;
}
p.title-3-text{
font:14px/30px "microsoft yahei";
color: #5f5f5f;
}
.process ul li{
width:68px;
padding: 40px 0;
float: left;
}
.process ul li i.process-icon{
width: 68px;
height: 68px;
display: block;
background-position: left top;
-webkit-transition: all .6s;
transition: all .6s;
}
.process-icon1{
background: url(../images/process-icon1.png);
}
.process-icon2{
background: url(../images/process-icon2.png);
}
.process-icon3{
background: url(../images/process-icon3.png);
}
.process-icon4{
background: url(../images/process-icon4.png);
}
.process-icon5{
background: url(../images/process-icon5.png);
}
.process-icon6{
background: url(../images/process-icon6.png);
}
.process-icon7{
background: url(../images/process-icon7.png);
}
.process-icon8{
background: url(../images/process-icon8.png);
}
.process-icon9{
background: url(../images/process-icon9.png);
}
.process-icon10{
background: url(../images/process-icon10.png);
}
.process ul li i.process-icon:hover{
background-position: left bottom;
}
.process ul li p{
font: 16px/32px "microsoft yahei";
border: 1px solid #ccc;
border-left: none;
border-right: none;
text-align: center;
margin-top: 10px;
-webkit-transition: all .6s;
transition: all .6s;
}
.process ul li:hover p{
border: 1px solid #1c59d4;
color: #1c59d4;
border-left: none;
border-right: none;
}
.process b{
display: block;
float: left;
width: 15px;
height: 22px;
background: url(../images/jiaobiao.png) no-repeat center;
margin: 70px 20px 0;
}
/*adm1*/
.adm1{
width: 100%;
height: 237px;
background: url(../images/adm1.png) no-repeat center;
}
.adm1-img1{
width: 211px;
height: 210px;
padding-top: 27px;
}
.adm1-text{
width: 340px;
margin-top: 57px;
margin-left: 40px;
}
.adm1-text img{
display: block;
width: 340px;
height: 63px;
padding-bottom: 20px;
}
.adm1-text p{
font: 16px/28px "microsoft yahei";
color: #fff;
}
.adm1-img2{
width: 84px;
height: 198px;
margin:36px 0 0 90px ;
}
.adm1-tel {
width: 265px;
height: 114px;
background: url(../images/pro-title.png) no-repeat 10px 0;
margin-top: 70px;
}
.adm1-tel p {
display: block;
font: 16px/24px "microsoft yahei";
padding-left: 50px;
padding-top: 5px;
color: #fff;
}
.adm1-tel span {
padding-left: 50px;
font: bold 28px/30px "microsoft yahei";
color: #fff;
display: block;
padding-top: 8px;
}
.adm1-right a {
display: inline-block;
width: 110px;
height: 36px;
border: 1px solid #FDBB29;
margin: 12px 7px 0;
text-align: center;
font: 14px/36px "microsoft yahei";
color: #fff;
border-radius: 3px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.adm1-right a:hover {
background: #FDBB29;
border: none;
transform: translate(-2px, -2px);
box-shadow: 2px 2px 2px rgba(0,0,0,.2);
}
/*title-1*/
.title-1 a {
display: block;
padding-top: 30px;
color: #000000;
font: bold 30px/36px "microsoft yahei";
text-align: center;
}
.title-1 a span {
color: #1c59d4;
}
.title-1 p {
width: 100%;
height: 30px;
background: url(../images/title1.png) no-repeat center;
margin-top: 10px;
font: 14px/30px "microsoft yahei";
color: #5F5F5F;
text-align: center;
margin: 5px auto 0;
}
/*team*/
.team{
width: 100%;
height: 50px;
}
#tab_pro {
width: 1180px;
position: absolute;
margin: 0px auto;
}
#tab_pro .tab_pro_menu {
width: 480px;
height: 38px;
margin: 50px auto;
}
#tab_pro .tab_pro_menu li {
float: left;
width: 134px;
height: 38px;
background: #FDBB29;
border-bottom: 0px;
cursor: pointer;
text-align: center;
margin: 0 16px 0 10px;
color: #fff;
}
#tab_pro .tab_pro_menu li a{
display: block;
width: 134px;
height: 38px;
color: #fff;
font: 14px/38px "microsoft yahei";
}
#tab_pro .tab_pro_box {
width: 1180px;
clear: both;
position: relative;
top: 0px;
}
#tab_pro .tab_pro_menu .selected {
cursor: pointer;
background: #1C59D4;
}
#tab_pro .hide {
display: none;
}
#tab_pro .tab_pro_box div {
}
.tab_pro_box ul li{
float: left;
width: 265px;
height: 219px;
margin: 0 15px 70px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.tab_pro_box ul li img{
display: block;
width: 265px;
height: 219px;
}
.tab_pro_box ul li span{
width: 265px;
height: 50px;
display: block;
background: #f2f2f2;
font: 16px/50px "microsoft yahei";
color: #333;
text-align: center;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.tab_pro_box ul li:hover {
-webkit-transform: translate(-2px,-2px);
transform: translate(-2px,-2px);
box-shadow: 2px 2px 2px #ccc;
}
.tab_pro_box ul li:hover span{
background: #1C59D4;
color: #fff;
}
/*case*/
.case{
width: 1180px;
margin: 0 auto;
/*! padding-top: 600px; */
}
.case-title a h4{
font:bold 30px/40px "microsoft yahei";
color: #333;
text-align: center;
}
.case-title a h4 span{
color: #047EC2;
}
.case-title p{
width: 270px;
margin: 0 auto;
font: 14px/24px "microsoft yahei";
background: url(../images/title-bg.png) no-repeat center;
text-align: center;
margin-top: 10px;
}
/*case*/
.case-bg{
padding-top: 50px;
width: 100%;
height: 580px;
background: url(../images/case-bg.jpg) no-repeat bottom center;
}
.case-bg ul{
height: 511px;
position: relative;
}
.case-bg ul li{
position: absolute;
overflow: hidden;
}
.case-images1{
width: 336px;
height: 511px;
top: 0;
left: 0;
}
.case-images2{
width: 514px;
height: 254px;
top: 0;
left: 339px;
}
.case-images3{
width: 324px;
height: 254px;
top: 0;
right: 0;
}
.case-images4{
width: 381px;
height: 254px;
top: 257px;
left: 339px;
}
.case-images5{
width: 457px;
height: 254px;
top: 257px;
right: 0;
}
.case-img1{
/*! width: 336px; */
height: 511px;
}
.case-img2{
width: 514px;
height: 254px;
}
.case-img3{
width: 324px;
height: 254px;
}
.case-img4{
width: 381px;
height: 254px;
}
.case-img5{
width: 457px;
height: 254px;
}
.case-text{
width: 100%;
height: 100%;
background: #1C59D4 url(../images/fangdajing.png) no-repeat ;
z-index: 99;
position: absolute;
top: 100%;
left: 0;
z-index: 999;
text-align: center;
font: 21px "microsoft yahei";
color: #fff;
transition: all 0.5s ease;
}
.case-bg ul li:hover .case-text{
top: 0;
}
.case-text1{
width: 336px;
height: 251px;
padding-top: 260px;
background-position: center 150px;
}
.case-text2{
width: 514px;
height: 94px;
padding-top: 160px;
background-position: center 70px;
}
.case-text3{
width: 324px;
height: 94px;
padding-top: 160px;
background-position: center 70px;
}
.case-text4{
width: 381px;
height: 94px;
padding-top: 160px;
background-position: center 70px;
}
.case-text5{
width: 457px;
height: 94px;
padding-top: 160px;
background-position: center 70px;
}
/*adm2*/
.adm2{
width: 100%;
height: 237px;
background: url(../images/adm2.png) no-repeat center;
}
.adm2-img1{
width: 212px;
height: 230px;
padding-top: 7px;
}
.adm2-text{
width: 534px;
height: 115px;
background: url(../images/adm2-text.png) no-repeat center 20px;
margin: 60px 0 0 40px ;
}
.adm2-text h4{
font:bold 34px "microsoft yahei";
color: #fff;
text-align: center;
}
.adm2-text p{
text-align: center;
font: 13px/30px "microsoft yahei";
color: #fff;
}
.adm2-text span{
display: block;
font: 17px "microsoft yahei";
color: #fff;
text-align: center;
padding-top: 10px;
}
.adm2 a {
display: inline-block;
width: 110px;
height: 36px;
border: 1px solid #FDBB29;
margin: 12px 7px 0;
text-align: center;
font: 14px/36px "microsoft yahei";
color: #fff;
border-radius: 3px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
/*adv*/
.adv{
width: 100%;
height:1338px;
}
h3.adv-title a{
display: block;
width: 414px;
height: 58px;
margin: 30px auto ;
}
h3.adv-title p{
font: 16px/28px "microsoft yahei";
color: #fff;
background: url(../images/adv-title-line.png) no-repeat center;
text-align: center;
}
.adv-content{
width: 100%;
height: 1152px;
margin-top: 50px;
background: url(../images/adv-bg.jpg) no-repeat center;
}
.adv-juzhong{
height: 1152px;
width: 1180px;
margin: 0 auto;
position: relative;
}
.num{
width: 520px;
overflow: hidden;
position: absolute;
}
.num-left{
width: 51px;
height: 55px;
background: url(../images/num1.png) no-repeat center;
font: 30px/55px "microsoft yahei";
color: #1c59d4;
text-align:center ;
}
.num-right h4{
font:bold 20px"microsoft yahei";
color: #333;
margin-left: 10px;
border-bottom: 2px solid #ccc;
padding-bottom: 5px;
}
.num-right p{
font: 13px/32px "microsoft yahei";
color: #5f5f5f;
margin-left: 10px;
}
.num ul{
width: 518px;
margin-top: 20px;
}
.num ul li{
font: 15px/32px "microsoft yahei";
color: #333;
margin-top: 10px;
}
.num ul li i:after{
display: inline-block;
padding-right: 15px;
content: "-";
color: #fdbb29;
font: 16px/32px "microsoft yahei";
}
.num-1{
top: 10px;
right: 40px;
}
.num-2{
top: 330px;
left: 40px;
}
.num-3{
top: 630px;
right: 40px;
}
.num-4{
top: 900px;
left: 40px;
}
/*customer*/
.customer ul li{
width: 278px;
height: 324px;
background: #fbfbfb;
float: left;
margin: 50px 8px 40px;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.customer ul li img{
width: 278px;
/*! height: 162px; */
height: 220px;
}
.customer ul li h4{
text-align: center;
font:bold 14px/32px "microsoft yahei";
color: #333;
padding-top: 10px;-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.customer ul li p{
padding:10px 10px;
text-indent: 2em;
text-align: center;
font: 14px/24px "microsoft yahei";
color: #5f5f5f;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
height: 66px;-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.customer-more{
display: block;
width: 84px;
height: 26px;
margin:15px auto 0;
background: #3082F2;
color: #fff;
font: 14px/26px "microsoft yahei";
text-align: center;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.customer ul li:hover .customer-more{
background: #ff9600;
}
.customer ul li:hover{
-webkit-transform: translate(-2px,-2px);
transform: translate(-2px,-2px);
box-shadow: 3px 2px 3px rgba(0,0,0,.3);
background: #FDBB29;
color: #fff;
}
.customer ul li:hover h4,.customer ul li:hover p{
color: #fff;
}
/*adm3*/
.adm3{
width: 100%;
height: 197px;
background: url(../images/adm3.jpg) no-repeat center;
}
.adm3-left h4{
font: bold 28px/36px "microsoft yahei";
color: #fff;
padding-top: 50px;
}
.adm3-left p{
font: 24px/36px "microsoft yahei";
color: #fff;
padding-top: 20px;
}
.adm3-tel {
width: 265px;
height: 114px;
background: url(../images/pro-title.png) no-repeat 10px 0;
margin-top: 40px;
}
.adm3-tel p {
display: block;
font: 16px/24px "microsoft yahei";
padding-left: 50px;
padding-top: 5px;
color: #fff;
}
.adm3-tel span {
padding-left: 50px;
font: bold 28px/30px "microsoft yahei";
color: #fff;
display: block;
padding-top: 8px;
}
.adm3-right a {
display: inline-block;
width: 110px;
height: 36px;
border: 1px solid #FDBB29;
margin: 12px 7px 0;
text-align: center;
font: 14px/36px "microsoft yahei";
color: #fff;
border-radius: 3px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.adm3-right a:hover {
background: #FDBB29;
border: none;
transform: translate(-2px, -2px);
box-shadow: 2px 2px 2px rgba(0,0,0,.2);
}
/*about*/
.title a {
display: block;
padding-top: 30px;
font: bold 30px/36px "microsoft yahei";
color: #1d59d4;
text-align: center;
}
.title p {
width: 100%;
height: 30px;
background: url(../images/title-2.png) no-repeat center;
margin-top: 10px;
font: 14px/30px "microsoft yahei";
color: #5F5F5F;
text-align: center;
margin: 5px auto 0;
}
.about{
width: 100%;
height: 654px;
}
.about-title h3 a{
display: block;
width: 1180px;
margin: 0 auto;
font: 30px "microsoft yahei";
color: #fff;
text-align: center;
padding-top: 30px;
padding-bottom: 60px;
background: url(../images/about-line.png) no-repeat center 75px;
}
.about-left{
width: 370px;
height: 470px;
background:#fff;
margin-top: 50px;
}
.about-right{
margin-top: 50px;
}
.about-left a {
display: block;
width: 347px;
height: 449px;
overflow: hidden;
margin: 10px auto;
}
.about-left a img{
display: block;
width: 347px;
height: 449px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.about-text a{
display: inline-block;
color: #1d59d4;
}
.about-text a:hover{
color: #FDBB29;
}
.about-left a:hover img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.about-text{
width: 750px;
height: 160px;
overflow: hidden;
}
.about-text p{
font: 15px/30px "microsoft yahei";
color: #333;
text-indent: 2em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
height: 210px;
}
.tab-box{ width:768px; margin:37px auto 30px;}
.tab-top{width: 750px; background: url(../images/rongyu-line.png) no-repeat center; margin: 0 auto;}
.tab-hd { overflow:hidden; zoom:1; width: 302px;margin: 0 auto; background: url(../images/about-tabline.png) no-repeat center;}
.tab-hd li{ float:left; width:131px; height: 34px; color:#fff; text-align:center; cursor:pointer;background: #1d59d4; margin: 0 10px;}
.tab-hd li.active{ background:#fdbb29;}
.tab-bd li{display:none; font-size:24px;}
.tab-bd li.thisclass{ display:list-item; }
.tab-hd li a{font: 16px/34px "microsoft yahei";color: #fff; }
.tab-bd li a{ display: inline-block;padding: 20px 0 0;position: relative;width: 183px; height: 128px;}
.tab-bd li a img{width: 183px;height: 128px;display: block;}
.tab-bd-text{
width: 183px;
height: 30px;
font: 15px/30px "microsoft yahei";
text-align: center;
color: #333;
}
.tab-bd li a:hover .tab-bd-text{
color: #1d59d4;
}
/*rongyu*/
.rongyu-title{
width: 1180px;
height: 40px;
border-bottom: 1px solid #D6D6D6;
margin-top: 10px;
}
.rongyu-title h4 a{
font: bold 20px/40px "microsoft yahei";
color: #0546AC;
}
.rongyu-title h4 span{
color: #FF9000;
}
.rongyu-more{
float: right;
font: 14px "microsoft yahei";
padding-top: 15px;
}
.marquee {
width: 1180px;
height: 170px;
overflow: hidden;
margin-top: 30px;
}
.marquee li {
display: inline;
float: left;
padding-right: 10px;
}
.marquee li a {
width: 191px;
height: 170px;
display: block;
float: left;
text-align: center;
font-size: 14px;
}
.marquee li a:hover {
text-decoration: none;
}
.marquee li img {
display: block;
width: 191px;
height: 131px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
}
.marquee li:hover img{
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
.marquee li em {
font-style: normal;
height: 24px;
line-height: 24px;
display: block;
margin-top: 8px;
color: #333;
}
.marquee li:hover em {
color: #0546AC;
}
/*news*/
/**xwzx_box**/
.xwzx_box {
width: 100%;
height: 500px;
margin: 0 auto;
overflow: hidden;
padding-top: 50px;
background: #f2f2f2;
padding-bottom: 40px;
}
.xwzx {
width: 1180px;
height: 500px;
margin: 0 auto;
}
.xwkx {
width: 576px;
height: 500px;
float: left;
margin: 0 7px;
background: #fff;
}
.xwkx h3 {
width: 360px;
height: 50px;
line-height: 50px;
margin: 0 auto;
background: url(../images/xwzxbtbg.jpg) no-repeat left bottom;
}
.xwkx h3 a {
display: block;
float: left;
font-family: 'Microsoft yahei';
margin: 0 auto;
font-size: 18px;
font-weight: bold;
color: #333;
}
.xwkx h3 em a {
float: right;
font: 14px/24px "microsoft yahei";
color: #333;
padding-top: 15px;
margin: 0 auto;
}
.xwkx h3 em a:hover{
color: #FDBB29;
}
.xwkxtu {
}
.xwkxtu a {
display: block;
}
.xwkxnr ul li a:hover {
color: #1d59d4;
}
.xwkxtu a img {
width: 377px;
height: 146px;
display: block;
margin: 0 auto;
}
.xwkxnr {
width: 360px;
height: 320px;
margin: 0 auto;
}
.xwkxnr ul li {
float: left;
height: 42px;
width: 360px;
}
.xwkxnr ul li a {
display: block;
background: url(../images/xwzxline.png) no-repeat left bottom;
font-family: 'Microsoft yahei';
font-size: 14px;
color: #333333;
line-height: 42px;
}
.xwkxnr ul li a b {
display: inline-block;
font: 14px/42px "microsoft yahei";
width: 252px;
display: -webkit-inline-box;
/*自动隐藏文字*/
overflow: hidden;
float: left;
text-overflow: ellipsis;
/*文字隐藏后添加省略号*/
white-space: nowrap;
/*强制不换行*/
}
.xwkxnr ul li a span {
display: inline-block;
font: 14px/42px "microsoft yahei";
float: right;
}
.xwkxnr ul li a span:after {
content: "";
display: block;
overflow: hidden;
clear: both;
}
.xwkx2 {
width: 361px;
height: 500px;
float: left;
padding-left: 15px;
}
.xwkx2 h3 {
width: 361px;
height: 50px;
line-height: 50px;
margin: 0 auto;
background: url(../images/xwzxbtbg.jpg) no-repeat left bottom;
}
.xwkx2 h3 a {
display: block;
float: left;
font-family: 'Microsoft yahei';
margin: 0 auto;
font-size: 18px;
font-weight: bold;
color: #1d59d4;
}
.xwkx2 h3 em a {
float: right;
padding-top: 15px;
}
.tempWrap {
overflow: hidden;
position: relative;
width: 1120px
}
.tempWrap ul {
width: 2800px;
position: relative;
overflow: hidden;
padding: 0px;
margin: 0px;
left: -840px;
}
.tempWrap ul li {
float: left;
width: 264px
}
/* å‘上滚动 */
.faq {
width: 361px;
height: 295px;
margin-top: 15px;
}
.faq .contant {
position: relative;
height: 245px;
}
.faq .faq-c {
position: relative;
}
.faq .faq-c .faq-l {
margin-bottom: 15px;
border-bottom: 1px dashed #cccccc;
clear: both;
overflow: hidden;
}
.faq .faq-c .faq-l .faq-w span {
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
float: left;
margin-right: 5px;
margin-bottom: 10px;
background: url(../images/faq1.png) no-repeat center top;
}
.faq .faq-c .faq-l .faq-d span {
clear: both;
color: #fff;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
float: left;
margin-right: 5px;
margin-bottom: 10px;
background: url(../images/faq2.png) no-repeat center top;
}
.faq .faq-c .faq-l .faq-w p {
float: right;
line-height: 22px;
width: 334px;
margin: 0;
color: #333;
font-size: 14px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.faq .faq-c .faq-l .faq-d p {
float: right;
width: 334px;
line-height: 24px;
margin: 0;
color: #333;
font-size: 14px;
overflow: hidden;
height: 50px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.newslisttmp{ height: 300px;
overflow: hidden;}
/**yqlj_box**/
.yqlj_box {
width: 100%;
height: 100px;
margin: 30px auto;
}
.yqlj {
width: 1180px;
height: 100px;
background: url(../images/yqljbg.png) no-repeat center bottom;
margin: 0 auto;
}
.yqlj span {
width: 1180px;
height: 36px;
line-height: 36px;
display: block;
font-family: 'Microsoft yahei';
font-size: 18px;
font-weight: bold;
color: #1d59d4;
padding-left: 95px;
}
.yqlj ul li {
float: left;
padding: 16px 10px 11px 18px;
}
.yqlj ul li a:hover {
color: #1d59d4;
}